import { Flex } from "@/components/flex";
import { Typography } from "@/components/typography";
import { Card } from "@/components/base";
import styles from './index.module.less';

const { Text } = Typography;

export function Statistics() {
    return (
        <Flex gap={10}>
            <Card className={styles['card']} >
                <Flex vertical align='center' >
                    <Text size={24} strong style={{ color: '#db2777' }}>2</Text>
                    <Text size={12} >总客户</Text>
                </Flex>
            </Card>
            <Card className={styles['card']} >
                <Flex vertical align='center' >
                    <Text size={24} strong style={{ color: '#16a34a' }}>3</Text>
                    <Text size={12} >活跃客户</Text>
                </Flex>
            </Card>
            <Card className={styles['card']} >
                <Flex vertical align='center' >
                    <Text size={24} strong style={{ color: '#9333ea' }}>4</Text>
                    <Text size={12} >新客户</Text>
                </Flex>
            </Card>
        </Flex>
    )
}